<!doctype html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>Gallery</title>
         <style type="text/css" media="screen">@import "jqtouch/jqtouch.min.css";</style> 
         <style type="text/css" media="screen">@import "themes/theme.css";</style> 
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
        <script src="jqtouch/jqtouch.min.js" type="application/x-javascript" charset="utf-8"></script>
        <script type="text/javascript" charset="utf-8">
            var jQT = new $.jQTouch({
                icon		: 'codropsIcon.png',
                cacheGetRequests: true,
                addGlossToIcon	: false,
                fixedViewport : true,
                startupScreen	: 'codropsSplash.png',
                statusBar	: 'black',
                preloadImages: [
                    'themes/img/back_button.png',
                    'themes/img/back_button_clicked.png',
                    'themes/img/button_clicked.png',
                    'themes/img/grayButton.png',
                    'themes/img/whiteButton.png',
                    'themes/img/loading.gif'
                ]
            });
        </script>
		<script src="jquery.gallery.js" type="application/x-javascript" charset="utf-8"></script>
    </head>
    <body>
        <!-- The list of albums -->
        <div id="albums_container" class="current">
            <div class="toolbar">
                <h1>Galerie photo</h1>
            </div>
            <div class="loader" style="display:none;"></div>
            <ul id="albums" class="edgetoedge" style="display:none;">
            </ul>
        </div>
        <!-- The list of images (thumbs) -->
        <div id="thumbs_container">
            <div class="toolbar">
                <h1>Galerie photo</h1>
                <a class="back" href="#albums_container">Albums</a>
            </div>
            <div class="loader" style="display:none;"></div>
            <ul id="thumbs" class="thumbView" style="display:none;">
            </ul>
        </div>
		<!-- The single image container -->
        <div id="photo_container">
            <div class="toolbar">
                <h1>Galerie photo</h1>
                <a class="back" href="#albums_container">Albums</a>
            </div>
            <div class="loader" style="display:none;"></div>
            <div id="theimage" class="singleimage"></div>
            <div class="descriptionWrapper">
                <p id="description"></p>
                <div id="prev" style="display:none;"></div>
                <div id="next" style="display:none;"></div>
            </div>
        </div>
    </body>
</html>